<?php if (!defined('THINK_PATH')) exit();?>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>article with sidebar  | Amaze UI Examples</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="Public/assets/i/favicon.png">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="Public/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="Public/assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileImage" content="Public/assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="Public/assets/css/amazeui.min.css">
    <link rel="stylesheet" href="Public/assets/css/app.css">
</head>
<script>
    function IFrameResize(){

        //alert(this.document.body.scrollHeight); //弹出当前页面的高度
        var obj = parent.document.getElementById("childFrame");  //取得父页面IFrame对象
        //alert(obj.height); //弹出父页面中IFrame中设置的高度
        obj.height = this.document.body.scrollHeight;  //调整父页面中IFrame的高度为此页面的高度

    }
</script>
<body id="blog-article-sidebar" onload="">
<!-- header start -->
<header class="am-g am-g-fixed blog-fixed blog-text-center blog-header">
    <div class="am-u-sm-8 am-u-sm-centered" >
        <img width="100%" src="<?php echo ($index["header_photo"]); ?>" alt="这是顶部的图片"/>
        <h1 class="am-hide-sm-only"><?php echo ($index["header_text"]); ?></h1>
    </div>
</header>
<hr>

<nav class="am-g am-g-fixed blog-fixed blog-nav">
    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only blog-button" data-am-collapse="{target: '#blog-collapse'}" ><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="blog-collapse">
        <ul class="am-nav am-nav-pills am-topbar-nav">
            <li class="am-active"><a href="index.php">首页</a></li>
            <!--<li class="am-dropdown" data-am-dropdown>-->
                <!--<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">-->
                    <!--首页布局 <span class="am-icon-caret-down"></span>-->
                <!--</a>-->
                <!--<ul class="am-dropdown-content">-->
                    <!--<li><a href="lw-index.html">1. blog-index-standard</a></li>-->
                    <!--<li><a href="lw-index-nosidebar.html">2. blog-index-nosidebar</a></li>-->
                    <!--<li><a href="lw-index-center.html">3. blog-index-layout</a></li>-->
                    <!--<li><a href="lw-index-noslider.html">4. blog-index-noslider</a></li>-->
                <!--</ul>-->
            <!--</li>-->
            <li><a href="index.php?c=article">文章</a></li>
            <li><a href="index.php?c=diary">随笔</a></li>
            <li><a href="index.php?c=photo">相册</a></li>
            <li><a href="#">拓展</a></li>
            <li><a href="#">关于我</a></li>
        </ul>
        <form class="am-topbar-form am-topbar-right am-form-inline" role="search">
            <div class="am-form-group">
                <input type="text" class="am-form-field am-input-sm" placeholder="搜索">
            </div>
        </form>
    </div>
</nav>
<hr>
<!-- content srart -->
<div class="am-g am-g-fixed blog-fixed blog-content">
    <div class="am-u-md-8 am-u-sm-12">
        <article class="am-article blog-article-p">
            <div class="am-article-hd">
                <h1 class="am-article-title blog-text-center"><?php echo ($article["a_title"]); ?></h1>
                <p class="am-article-meta blog-text-center">
                    <span><a href="#" class="blog-color">阅读（<?php echo ($article["a_visit"]); ?>） &nbsp;</a></span>-
                    <span><a href="#"><a href='mailto:nylrain@163.com'><?php echo ($article["a_adduser"]); ?></a> &nbsp;</a></span>-
                    <span><a href="#"><?php echo ($article["a_addtime"]); ?></a></span>
                </p>
            </div>
            <div class="am-article-bd">
                <!--<img src="Public/assets/i/f10.jpg" alt="" class="blog-entry-img blog-article-margin">-->
                <!--<p class="am-article-lead">-->
                <!--<p class="box_c"><span class="d_time">发布时间：<?php echo ($article["a_addtime"]); ?></span><span>编辑：</span><span>阅读（<?php echo ($article["a_visit"]); ?>）</span></p>-->
                <!--<?php echo ($article["a_text"]); ?>-->
                <iframe border=0 marginWidth=0 frameSpacing=0 marginHeight=0 frameBorder=0 noResize  scrolling="no" onload="this.height=this.contentWindow.document.documentElement.scrollHeight" width="100%" vspale="0" id="childFrame" src="/index.php?c=article&a=markdown&a_id=<?php echo ($article["a_id"]); ?>" ></iframe>

                </p>
            </div>
        </article>

        <div class="am-g blog-article-widget blog-article-margin">
            <div class="am-u-lg-4 am-u-md-5 am-u-sm-7 am-u-sm-centered blog-text-center">
                <span class="am-icon-tags"> &nbsp;</span><a href="#">标签</a> , <a href="#">TAG</a> , <a href="#">啦啦</a>
                <hr>
                <a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon"></span></a>
                <a href=""><span class="am-icon-wechat am-icon-fw blog-icon"></span></a>
                <a href=""><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>
            </div>
        </div>

        <hr>
        <div class="am-g blog-author blog-article-margin">
            <div class="am-u-sm-3 am-u-md-3 am-u-lg-2">
                <img src="Public/assets/i/f15.jpg" alt="" class="blog-author-img am-circle">
            </div>
            <div class="am-u-sm-9 am-u-md-9 am-u-lg-10">
                <h3><span>作者 &nbsp;: &nbsp;</span><span class="blog-color">amazeui</span></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
            </div>
        </div>
        <hr>
        <ul class="am-pagination blog-article-margin">
            <li class="am-pagination-prev"><a href="#" class="">&laquo; 一切的回顾</a></li>
            <li class="am-pagination-next"><a href="">不远的未来 &raquo;</a></li>
        </ul>

        <hr>

        <form class="am-form am-g">
            <h3 class="blog-comment">评论</h3>
            <fieldset>
                <div class="am-form-group am-u-sm-4 blog-clear-left">
                    <input type="text" class="" placeholder="名字">
                </div>
                <div class="am-form-group am-u-sm-4">
                    <input type="email" class="" placeholder="邮箱">
                </div>

                <div class="am-form-group am-u-sm-4 blog-clear-right">
                    <input type="password" class="" placeholder="网站">
                </div>

                <div class="am-form-group">
                    <textarea class="" rows="5" placeholder="一字千金"></textarea>
                </div>

                <p><button type="submit" class="am-btn am-btn-default">发表评论</button></p>
            </fieldset>
        </form>

        <hr>
    </div>

    <div class="am-u-md-4 am-u-sm-12 blog-sidebar">
    <div class="blog-sidebar-widget blog-bor">
        <h2 class="blog-text-center blog-title"><span>个人简介</span></h2>
        <img src="<?php echo ($index["about_photo"]); ?>" alt="这是个人简介的图像" class="blog-entry-img" >
        <p>
<?php echo ($index["about_text"]); ?>
        </p>
    </div>

    <div class="blog-clear-margin blog-sidebar-widget blog-bor am-g ">
        <h2 class="blog-title"><span>标签分类</span></h2>
        <div class="am-u-sm-12 blog-clear-padding">
            <a href="" class="blog-tag">amaze</a>
            <a href="" class="blog-tag">妹纸 UI</a>
            <a href="" class="blog-tag">HTML5</a>
            <a href="" class="blog-tag">这是标签</a>
            <a href="" class="blog-tag">Impossible</a>
            <a href="" class="blog-tag">开源前端框架</a>
        </div>
    </div>
    <div class="blog-sidebar-widget blog-bor">
        <h2 class="blog-title"><span>最近文章</span></h2>
        <ul class="am-list">
            <?php if(is_array($article_list_new)): $i = 0; $__LIST__ = $article_list_new;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$new_list): $mod = ($i % 2 );++$i;?><li><a href="index.php?c=article&a=show&a_id=<?php echo ($new_list["a_id"]); ?>" title="<?php echo ($new_list["a_title"]); ?>" target="_blank"><?php echo ($new_list["a_title"]); ?></a></li><?php endforeach; endif; else: echo "" ;endif; ?>

        </ul>
    </div>
    <div class="blog-sidebar-widget blog-bor">
        <h2 class="blog-text-center blog-title"><span>联系方式</span></h2>
        <p>
            <a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon"></span></a>
            <a href=""><span class="am-icon-github am-icon-fw blog-icon"></span></a>
            <a href=""><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>
            <a href=""><span class="am-icon-reddit am-icon-fw blog-icon"></span></a>
            <a href=""><span class="am-icon-weixin am-icon-fw blog-icon"></span></a>
        </p>
    </div>
</div>
</div>
<!-- content end -->


<footer class="blog-footer">
    <div class="am-g am-g-fixed blog-fixed am-u-sm-centered blog-footer-padding">
        <div class="am-u-sm-12 am-u-md-4- am-u-lg-4">
            <h3>功能模块</h3>
            <p>
            <?php echo ($index["footer_function"]); ?>
            </p>
        </div>
        <div class="am-u-sm-12 am-u-md-4- am-u-lg-4">
            <h1>友情链接</h1>
            <p>
            <ul>
                <li>jQuery</li>
                <li>Zepto.js</li>
                <li>Seajs</li>
                <li>LESS</li>
                <li>...</li>
            </ul>
            </p>
        </div>
        <div class="am-u-sm-12 am-u-md-4- am-u-lg-4">
            <h3>其他主页</h3>
            <p>
                <?php echo ($index["footer_home"]); ?>
             </p>
        </div>

    </div>
    <div class="blog-text-center" style="font-size: 13px;"><?php echo ($index["footer_text"]); ?></div>
</footer>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="Public/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="Public/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="Public/assets/js/amazeui.min.js"></script>
<!-- <script src="Public/assets/js/app.js"></script> -->
</body>
</html>.